﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Instructions</title>
<script type="text/javascript">
var current = "1";
function pageSwitch(id){
	if(!document.getElementById) return false;
	var div = document.getElementById("page"+id);
	var curDiv = document.getElementById("page"+current);
	curDiv.style.display = "none";
	div.style.display = "block";
	current = id;
}
</script>
</head>

<body>

<ul>
	<li><a href="" onclick="pageSwitch(1); return false;">Instructions</a></li>
	<li><a href="" onclick="pageSwitch(2); return false;">Artist</a></li>
	<li><a href="" onclick="pageSwitch(3); return false;">Music</a></li>
	<li><a href="" onclick="pageSwitch(4); return false;">Storys</a></li>
	<li><a href="" onclick="pageSwitch(5); return false;">Events</a></li>				
	<li><a href="" onclick="pageSwitch(6); return false;">Food</a></li>
	<li><a href="" onclick="pageSwitch(7); return false;">Business</a></li>
</ul>
<form>
<table><tr><select id="test1" onchange="pageSwitch(this.value); return false;">
<option value="1" selected="selected">test1</option>
<option value="2" >test2</option>
</select>
</tr>
</table>

				<div class="Instructions" id="page1" style="display:block;">Dit is instructies </div>
					<div class="Artist" id="page2" style="display:none;">
					<table><tr>
								<td><label for="accessoiretoepassing">Toepassing:</label></td>
								<td><input name ="accessoiretoepassing" size="20" id="accessoiretoepassing"></input></td>
							</tr>
							<tr>
								<td><label for="accessoireinformatie">Informatie:</label></td>
								<td><input name ="accessoireinformatie" size="20" id="accessoireinformatie"></input></td>
							</tr>
							<tr>
								<td><label for="accessoirekleur">Kleur:</label></td>
								<td><input name ="accessoirekleur" size="20" id="accessoirekleur"></input></td>
							</tr>
</table>
</div>
</form>
					<div class="Music" id="page3" style="display:none;">Dit is Div 3</div>
</body>

</html>
